<!DOCTYPE html
   PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">
   <title>Index</title>

   <script src="./js/jquery-1.8.3.min.js"></script>
   <script src="./js/swiper.min.js"></script>
   <link rel="stylesheet" href="./layui/css/layui.css">
   <link rel="stylesheet" href="./css/iconfont.css">
   <link rel="stylesheet" href="./css/animate.css">
   <link rel="stylesheet" href="./css/swiper.min.css">
   <link rel="stylesheet" href="./css/common.css">
   <link rel="stylesheet" href="./css/index.css">
   <script src="./js/wow.min.js"></script>
   <script type="text/javascript" src="./js/clipboard.min.js"></script>
   <script type="text/javascript" src="./layui/layui.js"></script>
</head>

<body>
   <header class="headerpage " data-load="header"></header>
   <main class="user_page  ">
      <section class="">
         <div class="layui-main">
            <div class="user_con">
               <div class="user_headpage" data-load="user_active_header"></div>
               <div class="right_main ">

                  <p class="ft24 mb10 ft-bold">票券設定</p>
                  <p class="ft14 gary_c9 mb20 ft-bold">為你的活動設定票券。</p>
                  <div class="block_com" style="min-height: 80vh;">
                     <div class="active_w1 active3 " style="margin:  0 auto;">
                        <from class="layui-form">
                           <div class="content">
                              <div class="layui-form-item">
                                 <div class="label ">修改活動時間<p class=" tip1">開始時間</p>
                                 </div>
                                 <div class="d-flex">
                                    <input id="datetime-1" type="text" name="username" lay-verify="required"
                                       placeholder="请填写開始時間" autocomplete="off" class="layui-input">

                                 </div>
                                 <p class=" tip1 mb10">結束時間</p>
                                 <div class="d-flex">
                                    <input id="datetime-1" type="text" name="username" lay-verify="required"
                                       placeholder="请填写結束時間" autocomplete="off" class="layui-input">

                                 </div>
                              </div>
                              <div class="layui-form-item">
                                 <div class="label ">修改活動時間
                                 </div>
                                 <table class="layui-table a9_table" lay-skin="line">
                                    <colgroup>
                                       <col>
                                       <col width="150">
                                       <col width="150">
                                       <col width="150">
                                    </colgroup>
                                    <thead>
                                       <tr>
                                          <th>票券名稱</th>
                                          <th>票券數量</th>
                                          <th>票價</th>
                                          <th>操作</th>
                                       </tr>
                                    </thead>
                                    <tbody>
                                       <tr class="layui-hide show-block">
                                          <td><input class="layui-input"></td>
                                          <td><input type="number" class="layui-input"></td>
                                          <td><select name="interest" lay-filter="aihao">
                                                <option value="">免费</option>
                                                <option value="">收费</option>
                                             </select></td>
                                          <td>
                                             <div class="d-flex ">
                                                <div class="orange_c mr10"><i
                                                      class="layui-icon mr5 layui-icon-add-circle-fine"></i>新增
                                                </div>
                                                <div data-btn="delete" class="orange_c"><i
                                                      class="layui-icon mr5 layui-icon-delete"></i>删除</div>
                                             </div>
                                          </td>
                                       </tr>
                                    </tbody>
                                 </table>
                                 <div class="flex-center mt30">
                                    <button data-a9-btn="free"
                                       class="layui-btn layui-btn-primary layui-border-orange layui-btn-lg "><i class="layui-icon layui-icon-add-circle
                                       mr5"></i>免费票</button>
                                    <button data-a9-btn="money"
                                       class="layui-btn layui-btn-primary layui-border-orange layui-btn-lg "><i class="layui-icon layui-icon-add-circle
                                          mr5"></i>付费票</button>
                                 </div>

                              </div>
                              <div class="layui-hide show-block">
                                 <div class="layui-form-item">
                                    <div class="label ">票券說明
                                    </div>
                                    <div class="">
                                       <textarea lay-verify="required" class="layui-textarea"
                                          style="min-height: 2rem;"></textarea>
                                    </div>
                                 </div>
                                 <div class="layui-form-item">
                                    <div class="label ">售票時間<p class=" tip1">開始時間</p>
                                    </div>
                                    <div class="d-flex">
                                       <input id="datetime-1" type="text" name="username" lay-verify="required"
                                          placeholder="请填写開始時間" autocomplete="off" class="layui-input">

                                    </div>
                                    <p class=" tip1 mb10">結束時間</p>
                                    <div class="d-flex">
                                       <input id="datetime-1" type="text" name="username" lay-verify="required"
                                          placeholder="请填写結束時間" autocomplete="off" class="layui-input">

                                    </div>
                                 </div>
                                 <div class="layui-form-item">
                                    <div class="label ">有效時間(可驗票時間)<p class="tip1">有效時間為可驗票入場的時間，系統自動提前兩小時開放給主辦方現場測試。
                                       </p>

                                       <div class="mb20">
                                          <input type="checkbox" name="arr[0]" title="有效時間建議設定為活動時間">
                                       </div>
                                       <p class=" tip1">開始時間</p>
                                    </div>
                                    <div class="d-flex">
                                       <input id="datetime-1" type="text" name="username" lay-verify="required"
                                          placeholder="请填写開始時間" autocomplete="off" class="layui-input">

                                    </div>
                                    <p class=" tip1 mb10">結束時間</p>
                                    <div class="d-flex">
                                       <input id="datetime-1" type="text" name="username" lay-verify="required"
                                          placeholder="请填写結束時間" autocomplete="off" class="layui-input">

                                    </div>
                                 </div>
                                 <div class="layui-form-item">
                                    <div class="label ">是否為審核票？<p class="tip1">凡購買此票券都需要經過您的審核</p>

                                       <div>
                                          <input type="checkbox" name="arr[0]" title="是，都經過我審核">
                                       </div>
                                    </div>
                                 </div>
                                 <div class="layui-form-item">
                                    <div class="label ">是否開賣？

                                    </div>
                                    <div>
                                       <input type="checkbox" name="arr[0]" title="發售，活動上架後立即開賣">
                                       <input type="checkbox" name="arr[0]" title="停售，該票券暫停對外銷售，並從購票頁中隱藏">
                                    </div>
                                 </div>
                                 <div class="layui-form-item">
                                    <div class="label ">是否開賣？</div>
                                    <div class="d-flex white-nowrap">
                                       <div class="flex-center mr30">
                                          最少<input type="number" class="layui-input ml5 mr5">张
                                       </div>
                                       <div class="flex-center">
                                          最多<input type="number" class="layui-input ml5 mr5">张
                                       </div>
                                    </div>
                                 </div>
                              </div>

                           </div>
                           <div class="mt40 d-flex jc-s al-c">


                              <button class="layui-btn layui-btn-lg w100 layui-bg-orange next-btn">储存</button>

                           </div>
                        </from>


                     </div>
                  </div>
               </div>
            </div>
      </section>
   </main>

</body>
<script src="./js/index.js"></script>
<script>
   layui.use(function () {
      var upload = layui.upload;
      var layer = layui.layer;
      var element = layui.element;
      var $ = layui.$;
      var laydate = layui.laydate;
      laydate.render({
         elem: '#datetime-1',
         type: 'datetime',
         fullPanel: true // 2.8+
      });
   })
   $(document).on('click', '[data-a9-btn]', function () {
      $('[data-a9-btn]').remove()
      $('.show-block').removeClass('layui-hide')

   }).on('click', '[data-btn="delete"]', function () {
      layer.confirm('确定删除嘛', {
         btn: ['确定', '取消'] //按钮
      }, function () {
      }, function () {

      });
   })
</script>

</html>